<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0" 
        xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
        xmlns="http://www.w3.org/1999/xhtml">
    <xsl:output method="xml" indent="yes"
        doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" 
        doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"/>
    <xsl:include href="../style/theme.xsl" />
    
    <xsl:template match="content">
	<xsl:apply-templates select="data" />
    </xsl:template>
    <xsl:template match="content/data">
		<table border="0" width="100%">
			<tr>
				<td>
					<xsl:apply-templates select="play" />
					<xsl:apply-templates select="videolist" />
					<xsl:apply-templates select="add" />
					<xsl:apply-templates select="add-ok" />
					<xsl:apply-templates select="add-err" />
					<xsl:apply-templates select="ready" />
				</td>
			</tr>
			<tr align="bottom" height="100px">
				<td>
					<!--Доп инфа!!-->
				</td>
			</tr>
		</table>
    </xsl:template>

 <!--Table row and first two columns-->
 
 
	<xsl:template match="play">
		<div class="basicInfo">
			<h1><xsl:value-of select="item/@title"/></h1>
			<video id="audio1" src="{item/@url}" controls="true" autoplay="true"><b>Ваш браузер не поддерживает HTML5, попробуйте обновить его или воспользуйтесь <a href="./music-html4.xml">прошлой</a> версией плеера</b></video>
			    <button type="button" onclick="alert(document.getElementById('audio1').src)">src</button>
			<p>
			<br/><xsl:value-of select="item/@title"/> - <xsl:value-of select="item/@artist"/> - <xsl:value-of select="item/@year"/><br/>Жанр:<xsl:value-of select="item/@ganre"/>
			</p>
			<!--<select name="" id="select" onchange="playit()" size="6" width="50px">
				<xsl:for-each select="item">
					<option value="{position()-1}"><xsl:value-of select="@artist" /> - <xsl:value-of select="@title"/></option>
				</xsl:for-each>-->
				<!--<option value="0">1</option>-->
			<!--</select> -->
			<!--<script><xsl:comment>//</xsl:comment>
			<xsl:text>
			var audio1 = document.getElementById('audio1');
			var pre_song_id;
			var now_song_id = 0;
			document.getElementById('select').selectedIndex = now_song_id;
			
			var playlist = [
				</xsl:text>
				<xsl:for-each select="item">
					<xsl:text>"</xsl:text><xsl:value-of select="@url"/><xsl:text>",</xsl:text>
				</xsl:for-each>
				<xsl:text>
				/*
				mysic_path + "01.ogg",
				*/
				];
			
			function playit()
			{
				var playit = document.getElementById('select').value;
				audio1.src = playlist[playit];
				audio1.load();
				audio1.play();
			}

			function changesong()
			{
				var check_shuffle = document.getElementById('check_shuffle');
				// Если к моменту вызова функции отмеченно, что следующяя песня быдет случайной, то вызывается соответственная ф-ия
				if (document.getElementById('check_shuffle').checked == true)
				{
					changesong_shuffle(); // следующая песня - случайная
				}
				else
				{
					changesong_next(); // или просто следующяая по списку
				}
			}

			function changesong_shuffle() //рандом
			{
				var shuffle = Math.floor(Math.random()*(playlist.length-2));
				if (shuffle == now_song_id)
				{
					shuffle = playlist.length -2;
				}
				if (shuffle == pre_song_id)
				{
					shuffle = playlist.length -1;
				}
				audio1.src = playlist[shuffle];
				audio1.load();
				audio1.play();
				pre_song_id = now_song_id;
				now_song_id = shuffle;
				document.getElementById('select').selectedIndex = shuffle;
				return true;
			}
			function changesong_next() //не рандом
			{
				pre_song_id = now_song_id;
				if (now_song_id == (playlist.length - 1))
				{
					now_song_id = 0;
				}
				else
				{
					now_song_id = now_song_id + 1;
				}
				audio1.src = playlist[now_song_id];
				audio1.load();
				audio1.play();
				document.getElementById('select').selectedIndex = now_song_id;
			}

			audio1.addEventListener("ended", changesong, true);
			onload = document.getElementById('audio1').src = playlist[0];
			//onload = alert("22");
			</xsl:text>
			</script>-->
		</div>
	</xsl:template>
	<xsl:template match="videolist">
		<xsl:choose>
			<xsl:when test="count(child::item) > 0">
				<div class="basicInfo"><h1>Редактирование видео плэй-листа</h1>
				<p>
				Здесь Вы можете добавлять и удалять видео файлы из плейлиста. А также можете скачать их.
				</p>
					<!--<script type="text/javascript" src="/js/mysic1.js"></script>-->
					<script type="text/javascript">
					<xsl:text disable-output-escaping="yes">
						function toggleMoreOpts(id,show)
						{
							if (show)
							{
								document.getElementById('showMoreOpts'+id).style.display = 'none';
								document.getElementById('showLessOpts'+id).style.display = '';
							}
							else
							{
								document.getElementById('showLessOpts'+id).style.display = 'none';
								document.getElementById('showMoreOpts'+id).style.display = '';
							}
							return false;
						}
					</xsl:text>
					</script>
			
					<table style="border: solid 1px #999;" width="100%">
					<xsl:for-each select="item">
						<tr>
							<td>
								<table border="0" id="lTable{position()}" style="border-collapse: collapse;" align="center" width="100%" cellpadding="0" cellspacing="0">
									<tr>
										<td width="100%">
											<table id="table_slim">
												<tr id="mp3files_tr">
													<td id="mp3files_td" width="2%"><xsl:value-of select="position()"/></td>
													<td id="mp3files_td" width="25%"><a href="/video/?uname={/document/user/@id}&amp;video_id={@id}&amp;act=play"><xsl:value-of select="@title"/></a></td>
													<td id="mp3files_td" width="25%"><xsl:value-of select="@artist"/></td>
													<td id="mp3files_td"><xsl:value-of select="@album"/></td>
													<td id="mp3files_td" width="6%"><xsl:value-of select="@year"/></td>
												</tr>
											</table>
										</td>
									</tr>

									<tr id="showMoreOpts{position()}" class="toggleOpts{position()}" >
										<td onclick="javascript: toggleMoreOpts({position()},1)" >
											<div id="moreopts{position()}" height="11px" style="height: 11px;">
												<img src="/image/m_open.png" align="top" />
											</div>
											<!--<table border="1" style="border-collapse: collapse;" width="100%">
												<tr height="1px">
													<td><img src="/image/m_open.png" align="top"/></td>
													<td></td>
													<td></td>
												</tr>
											</table>-->
										</td>
									</tr>
									<tr id="showLessOpts{position()}" class="toggleOpts{position()}" style="display:none;">
										<td onclick="toggleMoreOpts({position()},0);" width="100%" >
											<table  class="shadow">
											<!---moz-border-radius: 4px;     -khtml-border-radius: 4px;     -webkit-border-radius: 4px; border-radius: 4px; position: -10px;-->
												<tr>
													<td width="15px"><img src="/image/m_close.png" align="top" /></td>
													<td><a href="{@url}"><xsl:value-of select="@url"/></a></td>
													<td><xsl:value-of select="@size"/> Мб</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</xsl:for-each>
					</table>
					
				</div>
			</xsl:when>
			<xsl:otherwise>
					<p>Видео плейлист пользователя пуст</p>
					    
					<p></p>
			</xsl:otherwise>
		</xsl:choose>
	</xsl:template>
	
	<xsl:template match="add">
		<div class="basicInfo">
			<h1><p><b>Загрузка видео файла</b></p></h1>
				<p>В настоящее время корректно работают только AVI(mpeg) файлы, в ближайшее время будут доступны и другие форматы</p>
				<form action="./index.pl?uname={/document/user/@id}&amp;act=add-ok" method="post" enctype="multipart/form-data" heigth="100%">
					<input type="file" name="filename" heigth="100%" /><br /> 
					<input type="submit" value="Загрузить" /><br />
				</form>
				
				
				<p>P.S. размер файла не должет превышать 10 мб</p>
		</div>
	</xsl:template>
	
	<xsl:template match="add-ok">
		<h1><xsl:value-of select="item/@title"/></h1>
		<form action="index.pl?uname={/document/user/@id}&amp;act=ready&amp;id={item/@id}" method="post" enctype="multipart/form-data\">
		<table border="1">
			<tr>
				<td>Название:</td>
				<td><input type="text" size="20" maxlength="30" name="title" value="{item/@title}" /></td>
			</tr>
			<tr>
				<td>Исполнитель:</td>
				<td><input type="text" size="20" maxlength="30" name="artist" value="{item/@artist}" /></td>
			</tr>
			<tr>
				<td>Год:</td>
				<td><input type="text" size="20" maxlength="4" name="year" value="{item/@year}" /></td>
			</tr>
			<tr>
				<td>Жанр:</td>
				<td><input type="text" size="20" maxlength="10" name="ganre" value="{item/@ganre}" /></td>
			</tr>
		</table>
		<input type="submit" name="send" value="Подтвердить" />
		</form>
	</xsl:template>
	
	<xsl:template match="add-err">
		<p>ОШИБКа</p>
	</xsl:template>
	
	<xsl:template match="ready">
		<h1><xsl:value-of select="item/@id"/></h1>
		<h1><xsl:value-of select="item/@title"/></h1>
		<br />
		<table border="1">
			<tr>
				<td>Название:</td>
				<td><input type="text" size="20" maxlength="30" name="title" value="{item/@title}" /></td>
			</tr>
			<tr>
				<td>Исполнитель:</td>
				<td><input type="text" size="20" maxlength="30" name="artist" value="{item/@artist}" /></td>
			</tr>
			<tr>
				<td>Год:</td>
				<td><input type="text" size="20" maxlength="4" name="year" value="{item/@year}" /></td>
			</tr>
			<tr>
				<td>Жанр:</td>
				<td><input type="text" size="20" maxlength="10" name="genre" value="{item/@ganre}" /></td>
			</tr>
		</table>
		<p>ВСЕ ГУД!</p>
	</xsl:template>
	
</xsl:stylesheet>
